*, html, body{

	margin:0px;
	padding:0px;
	font-size: 12px;
	font-family: arial, tahoma;
	line-height: 1.5em;
	color: #000000;
}
body{
	background-color: #e5e3e3 !important;
	height: 100%;
	min-height: 100%;
}
#header{
	width: 100%;
	height: 120px;
}
#header .logo{

	margin: 0 auto;
	background: url("../images/logo-wwf.jpg") no-repeat scroll 0 0 transparent;
	width: 103px;
	height: 119px;
}
#body-bg-bar{

	top: 50px;
	position: relative;
	width: 100%;
	height: 272px;
	background: url("../images/bg-bar.jpg") repeat-x scroll 0 50% transparent;
}
#body-bg-bar .bg-box-login{

	background: url("../images/bg-login-box.png") no-repeat scroll 0 0 transparent;
	width: 340px;
	height: 272px;
	position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -170px;
}
#body-bg-bar .bg-box-login .login-form{
	height: 211px;
	padding: 30px;
}
#body-bg-bar .bg-box-login .login-form input.inputbox{
	background: url("../images/bg-input-text.png") no-repeat scroll 0 0 transparent;
	width: 258px;
	height: 33px;
	border: none;
}
#body-bg-bar .bg-box-login .login-form ul li{
	height: 70px;
}
#body-bg-bar .bg-box-login .login-form a.button {
    background: url("../images/bg-button-right.png") no-repeat scroll right 0 transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    height: 33px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

#body-bg-bar .bg-box-login .login-form a.button span {
    background: url("../images/bg-button-left.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 6px 10px 10px 20px;
    color: #FFFFFF;
}
#body-bg-bar .bg-box-login .login-form .buttonForm{
	float: right;
	width:32%;
}
p.error{
	color: #FF0000;
}
#wrapper{
    top: 0px;
    position: absolute;
    width: 994px;
    left: 50%;
    margin-left: -497px;
}
#wrapper .bg-wrapper-top{
    background: url('../images/bg-panel-top.jpg') no-repeat scroll left top transparent;
    height: 38px;
    width: 994px;
}

#wrapper .bg-wrapper-bottom{
    background: url('../images/bg-panel-bottom.jpg') no-repeat scroll left bottom transparent;
    height: 72px;
    width: 994px;
}
#wrapper .bg-wrapper-repeat{
    height: auto;
    min-height: 196px;
    background: url('../images/bg-panel-center-repeart.jpg') repeat-y scroll left top transparent;
    padding: 0 20px 30px 20px;
    display: block;
}